<%--
  Created by IntelliJ IDEA.
  User: Cennac
  Date: 15/12/25
  Time: 上午10:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <!-- 网页加载进度条-->
    <link rel="stylesheet" href="CSS/pace-theme-minimal.css" />

    <!--加载公用bootstrap css -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/animate.css/3.4.0/animate.min.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="CSS/style.css">

    <script src="js/pace.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/app.js"></script>


</head>
<body>
<!-- navbar-->
<header class="site-header headroom">
    <div class="container">
        <nav class="navbar" role="navigation">
            <div class="navbar-header">
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">
                    <img src="img/logo.png"/>
                </a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="/">首页</a></li>
                    <li>
                        <a href="/">编程</a>
                    </li>
                    <li>
                        <a href="/">前端</a>
                    </li>
                    <li>
                        <a href="/">轻松一刻</a>
                    </li>
                </ul>

            </div>
        </nav>
    </div>
</header>
<!-- end navbar-->
<!-- wrap-->
<div class="wrap">
    <!--main 1-->
    <div class="container">
        <div  class="scrollers row">
            <div class="col-md-6 col-sm-12">
                <figure class="module-thumb">
                    <a href="content.html" >
                        <img src="img/1.jpg"/>
                    </a>
                    <div class="item-head">
                        <a href="content.html" >
                            000
                        </a>
                    </div>
                </figure>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6">
                <figure class="module-thumb">

                    <a href="content.html" >
                        <img src="img/2.jpg"/>
                    </a>
                    <div class="item-head">
                        <a href="./content.html" >
                            001
                        </a>
                    </div>
                </figure>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6">
                <figure class="module-thumb">
                    <a href="content.html" >
                        <img src="img/3.png"/>
                    </a>
                    <div class="item-head">
                        <a href="./content.html" >
                            002
                        </a>
                    </div>
                </figure>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6">
                <figure class="module-thumb">
                    <a href="content.html" >
                        <img src="img/4.jpg"/>
                    </a>
                    <div class="item-head">
                        <a href="./content.html" >
                            003
                        </a>
                    </div>
                </figure>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6">
                <figure class="module-thumb">
                    <a href="content.html" >
                        <img src="img/5.png"/>
                    </a>
                    <div class="item-head">
                        <a href="./content.html" >
                            004
                        </a>
                    </div>
                </figure>
            </div>
        </div>
        <!-- 分隔作用-->
        <div class="section">
            <h3 class="section-title">Latest Content</h3>
        </div>

        <!--end main 1 -->
        <!--main 2-->
        <div  class="row main">
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div  class="block animated fadeInUp" style="animation-delay: 0s;">
                    <a href="index_right.html" class="block-thumbnail">
                        <!-- div 添加一个灰色背景幕-->
                        <div class="thumbnail-overlay"></div>
                        <span class="button-zoom" >
                            <img src="img/image-overlay-view-icon.png">
                        </span>
                        <img src="img/1.jpg"/>
                    </a>
                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>

                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div  class="block animated fadeInUp" style="animation-delay: 0.1s;">
                    <a href="index_right.html" class="block-thumbnail">
                        <!-- div 添加一个灰色背景幕-->
                        <div class="thumbnail-overlay"></div>
                        <span class="button-zoom" >
                            <img src="img/image-overlay-view-icon.png">
                        </span>
                        <img src="img/1.jpg"/>
                    </a>
                    <div class="block-contents">
                        <p class="tit"><a href="/index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div  class="block animated fadeInUp" style="animation-delay: 0.2s;" >
                    <a href="index_right.html" class="block-thumbnail">
                        <!-- div 添加一个灰色背景幕-->
                        <div class="thumbnail-overlay"></div>
                        <span class="button-zoom" >
                            <img src="img/image-overlay-view-icon.png">
                        </span>
                        <img src="img/1.jpg"/>
                    </a>
                    <div class="block-contents">
                        <p class="tit"><a href="/index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>
            <div  class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="block animated fadeInUp" style="animation-delay: 0.3s;">
                    <a class="block-thumbnail" href="index_right.html" >
                        <div class="thumbnail-overlay"></div>
                            <span class="button-zoom">
                                <img src="img/image-overlay-view-icon.png">
                            </span>
                        <img src="img/1.jpg"/>
                    </a>

                    <div class="block-contents">
                        <p class="tit"><a href="index_right.html">坏蛋必须死/坏蛋别惹我</a></p>

                        <p class="desc">喜剧 动作 悬疑 犯罪</p>
                    </div>
                </div>
            </div>

        </div>
        <!--end main 2-->

        <div  style="width:100%; text-align:center;">

            <ul class="pagination">

                <li class="active"><a href=""><span>1</span></a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>

                <li><a href="" >下一页</a></li>
            </ul>
        </div>
        <!--HasNextPagination--></div>
</div>
<!-- end wrap-->
<!-- bottom-->
<div>
    <footer>
        <div class="container mode-link">
            <div class="section">
                <h3 class="section-title">LINKS</h3>
            </div>
            <ul class="list-inline">
                <li><a href="">0</a></li>
                <li><a href="">1</a></li>
                <li><a href="">2</a></li>
            </ul>
        </div>
        <div class="container">
            <p class="copyright">Copyright © 2015 Mtons. 京ICP备13042759号 </p>
        </div>

    </footer>
</div>
<!-- end bottom-->
<!--返回顶部-->
<a href="#" class="site-scroll-top"></a>
</body>
</html>
